<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>测测你七夕会发生的五件事</title>
</head>

<body ontouchstart="">
    <script src="__STATIC__/doclist/js/jquery-min.js"></script>


    <style>
        .return-con {
            -webkit-text-size-adjust: none;
            display: flex;
            line-height: 45px;
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            border-bottom: .01333rem solid #d0d0d0;
            background: #f6f6f6;
            z-index: 9999999999999999;
        }

        .return-btn {
            line-height: 45px;
            padding-left: 0.3rem;
            color: #4a4a4a;
            display: flex;
            font-size: 16px;
            padding-right: 13px;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            position: relative;
        }

        .return-btn::before {
            content: "";
            position: absolute;
            top: 0;
            left: .2rem;
            bottom: 0;
            margin: auto;
            width: 9px;
            height: 16px;
            background: url('') 50% no-repeat;
            background-size: .048rem auto;
        }

        .ts-btn {
            line-height: 45px;
            display: flex;
            position: fixed;
            right: 25px;
        }

        .ts-btn a {
            color: #4a4a4a;
            text-decoration: none;
            font-size: 16px;
        }
    </style>

    <div class="return-con">
        <div class="return-btn" onclick="history.go(-1);">返回</div>
        <div class="ts-btn">
            <a href="http://cn.lcbygroup.com/weixin110/index.shtml">投诉</a>
        </div>
    </div>
    <div style="height:45px;"></div>

    <style>
        .modal {
            background: rgba(0, 0, 0, 1);
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: none;
            z-index: 101;
            color: #4a4a4a;
            text-align: center
        }

        .modal .modal-inner {
            width: 13rem;
            background-size: 100%;
            border-radius: 20px;
            padding: 0.5rem 0 0;
            top: 30%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            position: absolute;
            height: 9rem
        }

        .modal .title {
            font-size: .453rem;
            margin-bottom: .3rem
        }

        .modal .title span {
            color: #ce0b24
        }

        .modal p {
            font-size: 0.9rem;
            line-height: 1.5;
            margin: 0;
            color: #fff;
            text-align: center;
            text-shadow: 0 1px 3px rgb(0, 0, 0)
        }

        .modal img {
            width: 8rem;
            margin: 0.6rem 0 .4rem;
            vertical-align: middle
        }

        .modal .close-btn {
            width: 40px;
            height: 40px;
            position: absolute;
            border: 1px solid #eaeaea;
            border-radius: 50%;
            bottom: -120px;
            left: 50%;
            margin-left: -20px
        }

        .modal .close-btn:before,
        .modal .close-btn:after {
            content: '';
            width: 25px;
            height: 1px;
            background: #eaeaea;
            top: 50%;
            display: block;
            position: absolute;
            left: 6px
        }

        .modal .close-btn:before {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .modal .close-btn:after {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .modal .link {
            display: none;
            margin-top: 1rem;
            width: 130px;
            font-size: 18px;
            text-align: center;
            font-weight: normal;
            border: 1px solid #4a4a4a;
            line-height: 36px
        }

        .modal.random .link {
            display: inline-block
        }

        .modal.random .qrcode {
            display: none
        }
    </style>


    <img src="__STATIC__/images/cover.png" id="show_img" width="100%" style="margin:0;">
    <div class="ui-form ui-border-t">
        <div class="ui-form-item ui-border-b">
            <label>姓名</label>
            <input type="text" name="name" id="name" placeholder="请输入名字">
        </div>
        <div class="ui-btn-wrap">
            <button type="button" class="ui-btn-lg ui-btn-primary tijiao">提交</button>
        </div>
    </div>
    <script type="text/javascript">
        $(function(){
            $('.tijiao').click(function(){
                var name = $('#name').val();
                $.get('http://love.nxhanya.com/index/game/simg?name='+name,function(res){
                    console.log(res);
                });
            });
        })
    </script>
</body>

</html>